<template>
    <div>
        <div v-bind="$attrs" v-for="(item) in list" :key="item.attr_id">
            <h5 style="margin-bottom: 10px;">{{ item.attr_name }}</h5>
            <el-checkbox v-model="checkboxGroup" style="margin: 10px 15px;" :label="item1" border checked
                v-for="(item1, index) in item.attr_vals.split(',')" :key="index"></el-checkbox>
            <!-- <el-checkbox style="margin: 10px 15px;" :label="item1" border v-for="(item1, index) in item.attr_vals.split(',')" :key="index"></el-checkbox> -->
        </div>
    </div>
</template>
<script>
export default {
    props: {
        list: {
            default: [],
            type: Array
        }
    },
    data() {
        return {
            checkboxGroup: '',

        }
    },
    created() {
        this.shu = this.$attrs
    }
}
</script>
<style lang="scss" scoped></style>


